<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" onclick="fn1()" oncontextmenu="fn2()" ondblclick="fn3()" onmousedown="fn4()"
onmouseenter="fn5()" onmouseleave="fn6()" onmousemove="fn7()" onmouseup="fn8()">
<script>
    //鼠标的事件
    function fn1() {
        console.log("鼠标点击")
    }

    function fn2() {
        console.log("鼠标右键")
    }

    function fn3() {
        console.log("鼠标双击")
    }

    function fn4() {
        console.log("鼠标按钮被按下")
    }

    function fn5() {
        console.log("鼠标指针移动到元素上触发")
    }
    function fn6() {
        console.log("鼠标指针移出元素上触发")
    }
    function fn7() {
        console.log("鼠标被移动")
    }
    function fn8() {
        console.log("鼠标被松开")
    }

</script>
</body>
</html>